import { View, Image, Input } from "@tarojs/components";

const TutorialSearch = (props) => {
  return (
    <View className="bg-white h-[100px] box-border p-[15px] pl-[30px] pr-[30px] sticky top-[0] left-[0] z-50">
      <View className="flex items-center box-border border-[2px] border-solid border-[#666] rounded-[40px] h-[70px] pl-[20px] pr-[4px]">
        <Image
          src="https://portal.tyfo.com/image-view/multi/getImage?path=T1uUZbBTWv1RCvBVdK"
          className="w-[32px] h-[32px] mr-[20px] flex-none block"
        />
        <Input
          className="grow text-[26px] text-[#666]"
          value={props?.value}
          onInput={props?.onChange}
          placeholder="搜索"
        />
        <View
          onClick={props?.onSearch}
          className="rui-flex-cc rounded-[30px] pl-[40px] pr-[40px] flex-none text-[26px] ml-[15px] bg-[#666] text-[#fff] h-[60px]"
        >
          搜索
        </View>
      </View>
    </View>
  );
};

export default TutorialSearch;
